<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<!--css文件引用-->
<link href="css/index.css" type="text/css" rel="stylesheet" />
</head>
<body>

<div class="main">

	<!--我的积分-->
    <div class="wdjf">
    	<div class="left">
        	<div class="header g_bg">
            	<img src="images/icon01.png" />
                <p>
                    <span><a href="">我的积分</a></span>
                    <br/><span><a href="">了解积分规则</a></span>
                </p>
            </div>
            <div class="submit">
            	<div class="box">
                	<p><img src="images/icon02.png" /><span>亲爱的会员朋友，您还没登录</span></p>
                    <div class="login"><a href="">登录查看积分</a></div>
                </div>
            </div>
            <div class="tgjf">
            	<div class="button"><a href="">推广赚积分</a></div>
            </div>
            <div class="word">
            	<span>每注册一人将获得<mark>20积分</mark></span>
            </div>
        </div>
        <div class="right">
        	<ul>
            	<li><img src="images/banner01.png" /></li>
            </ul>
        </div>
    </div>
    <!--我的积分end-->
    
    <!--兑换区-->
    <div class="dhq">
    	<div class="left">
        	<div class="header g_bg">
            	<span>兑换排行榜</span>
            </div>
            <ul>
            	<li class="on"><a href="#"><span class="icon on">1</span><img src="images/j_04.png" /><p>优益生活-彩虹系列罗纹杯</p></a></li>
                <li><a href="#"><span class="icon on">2</span>陶源茗-四羊方尊</a></li>
                <li><a href="#"><span class="icon on">3</span>陶源茗-福 禄</a></li>
                <li><a href="#"><span class="icon">4</span>陶源茗-百 纳</a></li>
                <li><a href="#"><span class="icon">5</span>陶渊茗-光阴故事</a></li>
                <li><a href="#"><span class="icon">6</span>陶渊茗-简悦</a></li>
                <li><a href="#"><span class="icon">7</span>优益生活-彩虹系列简单大碗</a></li>
                <li><a href="#"><span class="icon">8</span>德世朗-厨房三剑客厨具套装</a></li>
            </ul>
        </div>
        <div class="right">
        	<div class="g_bg g_header">
            	<span>热门兑换区</span>
            </div>
            <ul>
                <li>
                	<img src="images/r_01.png" />
                    <div class="title">
                    	陶渊明-简悦 
                    </div>
                    <div class="button">
                    	<span>18620积分</span>
                        <span><a href="">立即兑换</a></span>
                    </div>
                </li>
                <li>
                	<img src="images/r_02.png" />
                    <div class="title">
                    	陶渊明-光阴故事
                    </div>
                    <div class="button">
                    	<span>18620积分</span>
                        <span><a href="">立即兑换</a></span>
                    </div>
                </li>
                <li>
                	<img src="images/r_03.png" />
                    <div class="title">
                    	陶渊明-福绿
                    </div>
                    <div class="button">
                    	<span>18620积分</span>
                        <span><a href="">立即兑换</a></span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--兑换区end-->
    
    <!--珠宝首饰-->
    <div class="zbss g_list">
    	<div class="g_header g_bg">
        	<span>珠宝首饰</span>
            <span><a href="">更多>></a></span>
        </div>
        <ul>
            <li>
                <div class="img">
                	<img src="images/z_01.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-简悦 
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                 <div class="img">
                	<img src="images/z_02.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-光阴故事
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                 <div class="img">
                	<img src="images/z_03.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-福绿
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/z_04.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-福绿
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
        </ul>
    </div>
    <!--珠宝首饰end-->
    
    <!--家居礼品-->
    <div class="zbss g_list">
    	<div class="g_header g_bg">
        	<span>家居礼品</span>
            <span><a href="">更多>></a></span>
        </div>
        <ul>
            <li>
                <div class="img">
                	<img src="images/zj_01.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-简悦 
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/zj_02.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-光阴故事
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/zj_03.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-福绿
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/zj_04.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-福绿
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
        </ul>
    </div>
    <!--家居礼品end-->
    
    <!--健康休闲-->
    <div class="zbss g_list">
    	<div class="g_header g_bg">
        	<span>健康休闲</span>
            <span><a href="">更多>></a></span>
        </div>
        <ul>
            <li>
                <div class="img">
                	<img src="images/j_01.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-简悦 
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/j_02.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-光阴故事
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/j_03.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-福绿
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/j_04.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-福绿
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
        </ul>
    </div>
    <!--健康休闲end-->
    
    <!--艺术藏品-->
    <div class="zbss g_list">
    	<div class="g_header g_bg">
        	<span>艺术藏品</span>
            <span><a href="">更多>></a></span>
        </div>
        <ul>
            <li>
                <div class="img">
                	<img src="images/y_01.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-简悦 
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/y_02.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-光阴故事
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/y_03.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-福绿
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/y_04.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-福绿
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
        </ul>
    </div>
    <!--艺术藏品end-->
    
    <!--VIP定制礼品-->
    <div class="zbss g_list">
    	<div class="g_header g_bg">
        	<span>VIP定制礼品</span>
            <span><a href="">更多>></a></span>
        </div>
        <ul>
            <li>
                <div class="img">
                	<img src="images/vip_01.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-简悦 
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/vip_02.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-光阴故事
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/vip_03.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-福绿
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
            <li>
                <div class="img">
                	<img src="images/vip_04.png" />
                    <div class="shade">
                		<span><a href="">商品详情</a></span>
                	</div>
                </div>
                <div class="title">
                    陶渊明-福绿
                </div>
                <div class="button">
                    <span>18620积分</span>
                    <span><a href="">立即兑换</a></span>
                </div>
            </li>
        </ul>
    </div>
    <!--VIP定制礼品end-->
    
    <!--分页-->
    <div class="pagination">
    	<ul>
        	<li><a href="">首页</a></li>
            <li class="on"><a href="">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
            <li><a href="">4</a></li>
            <li><a href="">末页</a></li>
            <li><a href="">下一页</a></li>
        </ul>
    </div>
	<!--分页end-->
    
</div>

<!--底部-->
<footer>
    <div class="box">
    </div>
</footer>
<!--底部end-->

<!--引用jQuery库-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!--引用js文件-->
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
